<template>
  <div>
    <!-- <h1>vetur 代码高亮插件，快速生成vue文件结构插件</h1> -->
    <!--  

      插值表达式
        语法：
        {{ 表达式 }}
        作用：将表达式的值显示在对应的标签上
    -->
    <h1>{{ msg }}</h1>
    <h1>{{ obj.name }}</h1>
    <h1>{{ obj.age > 18 ? "成年了" : "未成年" }}</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "hello, vue",
      obj: {
        name: "小强",
        age: 19,
      },
    };
  },
};
</script>

<style>
</style>